@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	/* 字体属性 */
	font-family: "华文彩云";
	font-size: 80px;
}

body{
	background-image: url(../Day02/img/236508fb06133af2765718e40072a54.jpg);
		/* 背景 尺寸属性 */
		background-size: 100% 260% ;
		/* 背景平铺 */
		background-repeat: no-repeat;
}
.cat{
	width: 200px;
	height: 200px;
	
	/* 背景图片 复合属性 */
	background: url(../Day02/img/薯片.gif);
	
	/* 出现背景-背景大于空间--设置背景尺寸 */
	background-size: 100% 100%;
	/* 相对定位 */
	position: relative;
	left: 236px;
	top: 366px;
	animation: cat 6s linear infinite;
	}
.cat1{
			width: 200px;
			height: 200px;
			position: absolute;
			/* 背景图片 复合属性 */
			background: url(../Day02/img/2.gif);
			
			/* 出现背景-背景大于空间--设置背景尺寸 */
			background-size: 100% 100%;
		
			
			left: 1340px;
			top: 503px;
			
			
		}
	.cat2{
				width: 200px;
				height: 200px;
				position: absolute;
				/* 背景图片 复合属性 */
				background: url(../Day02/img/火.gif);
				
				/* 出现背景-背景大于空间--设置背景尺寸 */
				background-size: 100% 100%;
			
				
				left: 1041px;
				top: 482px;
				
				
			}
			.d{
							width: 200px;
							height: 200px;
							position: absolute;
							/* 背景图片 复合属性 */
							background: url(../Day02/img/行李.gif);
							
							/* 出现背景-背景大于空间--设置背景尺寸 */
							background-size: 100% 100%;
						
							left: 3px;
							top: 521px;
							animati on: cat 6s linear infinite;
							
						}
	.d1{
								width: 100px;
								height: 100px;
								position: absolute;
								/* 背景图片 复合属性 */
								background: url(../Day02/img/IMG_20251017_164540.jpg);
								
								/* 出现背景-背景大于空间--设置背景尺寸 */
								background-size: 100% 100%;
							
								left: 1047px;
								top: 438px;
								
								
							}

@keyframes cat{
	/* 简单位移 */
	0%{/* 初始化 */
		left: 236px;
		top: 366px;
		
		
		
	}
	10%{
		
		background: url(../Day02/img/薯片.gif);
		
		background-size: 100% 100%;
		left: 295px;
		top: 389px;
		transform: scale(.8) ;
	}
	20%{
		transform: scale(.8);
		background: url(../Day02/img/薯片.gif);
		
		background-size: 100% 100%;
		left: 324px;
		top: 424px;
	}
	30%{
		transform: scale(.8);
		po sition: absolute;
		background: url(../Day02/img/薯片.gif);
		background-size: 100% 100%;
		left: 422px;
		top: 442px;
	}
	40%{
			transform: scale(.8);
			po sition: absolute;
			background: url(../Day02/img/薯片.gif);
			background-size: 100% 100%;
			left: 422px;
			top: 450px;
		}
		}
@keyframes cat1{
		/* 简单位移 */
		0%{/* 初始化 */
			left: 236px;
			top: 366px;
			
			
			
		}
		10%{
			
			background: url(../Day02/img/薯片.gif);
			
			background-size: 100% 100%;
			left: 295px;
			top: 389px;
			transform: scale(.8) ;
		}
		20%{
			transform: scale(.8);
			background: url(../Day02/img/薯片.gif);
			
			background-size: 100% 100%;
			left: 324px;
			top: 424px;
			}
		}
@keyframes cat2{
			/* 简单位移 */
			0%{/* 初始化 */
				left: 236px;
				top: 366px;
				
				
				
			}
			10%{
				
				background: url(../Day02/img/薯片.gif);
				
				background-size: 100% 100%;
				left: 295px;
				top: 389px;
				transform: scale(.8) ;
			}
			20%{
				transform: scale(.8);
				background: url(../Day02/img/薯片.gif);
				
				background-size: 100% 100%;
				left: 324px;
				top: 424px;
			}
			30%{
				transform: scale(.8);
				po sition: absolute;
				background: url(../Day02/img/薯片.gif);
				background-size: 100% 100%;
				left: 422px;
				top: 442px;
			}
			}
@keyframes d{
				/* 简单位移 */
				0%{/* 初始化 */
					left: 236px;
					top: 366px;
					
					
					
				}
				10%{
					
					background: url(../Day02/img/薯片.gif);
					
					background-size: 100% 100%;
					left: 295px;
					top: 389px;
					transform: scale(.8) ;
				}
				20%{
					transform: scale(.8);
					background: url(../Day02/img/薯片.gif);
					
					background-size: 100% 100%;
					left: 324px;
					top: 424px;
				}
				30%{
					transform: scale(.8);
					po sition: absolute;
					background: url(../Day02/img/薯片.gif);
					background-size: 100% 100%;
					left: 422px;
					top: 442px;
				}
				40%{
						transform: scale(.8);
						po sition: absolute;
						background: url(../Day02/img/薯片.gif);
						background-size: 100% 100%;
						left: 422px;
						top: 450px;
					}
}
	